.ui-resizable {
    /*position : inherit;*/
}

.demo {
    /* for IE10+ touch devices */
    touch-action : none;
}

.left li > div {
    width              : 100px;
    height             : 50px;
    -webkit-box-shadow : 0px 0px 5px 0px #AAA;
    -moz-box-shadow    : 0px 0px 5px 0px #AAA;
    box-shadow         : 0px 0px 5px 0px #AAA;
}

.left li > div > div {
    display : none;
}

/** ELEMENTS **/
.drag-drop-demo > .window {
    position : absolute;
}

.drag-drop-demo .c-title {
    position              : absolute;
    top                   : 0px;
    left                  : 0;
    width                 : 100%;
    height                : 26px;
    background            : #FFA323;
    display               : inline-block;
    -webkit-border-radius : 2px 2px 0 0;
    -moz-border-radius    : 2px 2px 0 0;
    border-radius         : 2px 2px 0 0;
}

.drag-drop-demo .c-title input {
    background  : #FFA323;
    height      : 24px;
    color       : #FFF;
    margin-left : 2px;
    text-indent : .5em;
}

.drag-drop-demo .window {
    font-family           : serif;
    background-color      : white;
    text-align            : center;
    z-index               : 24;
    float                 : left;
    color                 : black;
    min-width             : 170px;
    min-height            : 80px;
    width                 : 170px;
    height                : 80px;
    overflow              : hidden;
    cursor                : pointer;
    -webkit-box-shadow    : 0px 0px 5px 0px #AAA;
    -moz-box-shadow       : 0px 0px 5px 0px #AAA;
    box-shadow            : 0px 0px 5px 0px #AAA;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    border-radius         : 2px;
    -webkit-transition    : -webkit-box-shadow 0.15s ease-in;
    -moz-transition       : -moz-box-shadow 0.15s ease-in;
    -o-transition         : -o-box-shadow 0.15s ease-in;
    transition            : box-shadow 0.15s ease-in;
}

.window:hover,
.container:hover,
#canvas .window.ui-selected,
#canvas .window.ui-selecting {
    box-shadow         : 0px 0px 10px 1px #AAA;
    -o-box-shadow      : 0px 0px 10px 1px #AAA;
    -webkit-box-shadow : 0px 0px 10px 1px #AAA;
    -moz-box-shadow    : 0px 0px 10px 1px #AAA;
    /*opacity            : 0.9;*/
}

.drag-drop-demo .w-title {
    height : 26px;
    /*border-bottom : 1px solid red;*/
}

.drag-drop-demo .w-content {
    position : absolute;
    top      : 0;
    bottom   : 0;
    width    : 100%;
    /*height   : 100%;*/
}

.drag-drop-demo .container {
    position              : absolute;
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    box-sizing            : border-box;
    padding-top           : 26px;
    min-width             : 180px;
    min-height            : 116px;
    z-index               : 23;
    background-color      : white;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    border-radius         : 2px;
    -webkit-box-shadow    : 0px 0px 5px 0px #AAA;
    -moz-box-shadow       : 0px 0px 5px 0px #AAA;
    box-shadow            : 0px 0px 5px 0px #AAA;
}

.container .condrog {
    /*position   : absolute;*/
    /*top        : 26px;*/
    /*left       : 0;*/
    /*right      : 0;*/
    /*bottom     : 0;*/
    float              : left;
    min-height         : 90px;
    min-width          : 175px;
    width              : 100%;
    height             : 100%;
    /*margin     : 31px 0 10px;*/
    padding            : 0 5px 5px 0;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

.container .window {
    float  : left;
    margin : 5px 0 0 5px;
}

.drag-drop-demo a, .drag-drop-demo a:visited {
    color : #057D9F;
}

.drag-drop-demo a:hover {
    color : orange;
}

/** LINKS IN WINDOWS **/
.drag-locked {
    border : 1px solid red;
}

.cmdLink {
    font-size : 0.80em;
}

/** DRAG/DROP CLASSES **/
.dragActive {
    border : 2px dotted orange;
}

.dropHover {
    border : 1px dotted red;
}

/** INFO WINDOW **/
#list {
    text-align       : center;
    display          : none;
    font-size        : 90%;
    position         : absolute;
    width            : 500px;
    left             : 50%;
    margin-left      : -250px;
    top              : 100px;
    background-color : white;
    padding          : 5px;
    border           : 1px solid #456;
    opacity          : 0.8;
    border-radius    : 8px;
    color            : #444;
}

#list table {
    width : 100%;
}

#list table th, #list strong {
    color      : black;
    font-size  : 12px;
    text-align : center;
}

path, .jsplumb-endpoint {
    cursor : pointer;
}

.drag-drop-demo .tableTop {
    height         : 22px;
    width          : 101%;
    border-spacing : 2px 0px;
    margin-left    : -.4%;
    table-layout   : fixed;
}

.drag-drop-demo .tableTop td {
    width         : 50%;
    font-size     : 14px;
    line-height   : 20px;
    text-align    : center;
    background    : #FFA323;
    color         : #FFF;
    border-radius : 2px;
    cursor        : default;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.drag-drop-demo caption {
    text-align      : left;
    background      : linear-gradient(-135deg, #FFF, #FFA323) 0px bottom no-repeat;
    background-size : 100% 2px;
    padding         : 5px;
    text-indent     : .5em;
    margin-bottom   : 3px;
}

.tableContent {
    width    : 100%;
    position : absolute;
    top      : 51px;
    bottom   : 0;
    overflow : auto;
}

.tableMain {
    width : 100%;
}

.tableMain td {
    width         : 50%;
    line-height   : 20px;
    border-bottom : 1px solid #CCC;
}